<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page contentType="text/html;charset=UTF-8" isELIgnored="false" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <title>toolman安全中心</title>
    <link href="../css/common.css" rel="stylesheet"/>
    <link href="../css/style.css" rel="stylesheet"/>
    <link href="../css/icons.css" rel="stylesheet"/>
    <link href="../css/table.css" rel="stylesheet"/>
    <link href="../css/newmain.css" rel="stylesheet"/>
</head>
<body style="background-color: rgb(244,244,244)">
<!--顶部-->
<div class="top">
    <div class="top_center">
        <ul class="top_bars">
            <li><a href="#">退出</a>|</li>
            <li><a href="#">我的订单<span class="jt_down"></span></a>|</li>
            <li><a href="#">关注工具人<span class="jt_down"></span></a>|</li>
            <li><a href="#">网站导航<span class="jt_down"></span></a></li>
        </ul>
    </div>
</div>
<!--头部-->
<div class="header3">
    <a href="../index.jsp"><img src="../images/log2.png"></a>
    <div class="h3_center">
        <div class="search_box">
            <input type="text"/>
            <span>搜索</span>
        </div>
        <p>
            <a href="#">文学类</a>|
            <a href="#">教育类</a>|
            <a href="#">计算机</a>|
            <a href="#">儿童类</a>|
            <a href="#">漫画类</a>|
        </p>
    </div>
    <div class="h3_right">
        <div class="myyy">
            个人信息
            <span class="sj_down"></span>
        </div>
        <div class="tsc">
            去购物车结算
            <span class="sj_right"></span>
        </div>
    </div>
</div>
<!--头部导航-->
<div class="nav_top">
    <div class="nav_top_center">
        <div>
            全部图书分类
        </div>
        <ul>
            <li><a href="#">文学类</a></li>
            <li><a href="#">教育类</a></li>
            <li><a href="#">计算机</a></li>
            <li><a href="#">儿童类</a></li>
            <li><a href="#">漫画类</a></li>
        </ul>
    </div>
</div>
<div class="container4">
    <div class="register_box">
        <div class="head">
            <h3>个人信息</h3>
        </div>
        <div class="security">
            <form action="http://localhost:8686/estore/update" method="post">
                <ul class="list">
                    <li>
                        <input name="" type="hidden">
                        <input class="long" id="userName" name="username" readonly="readonly" type="text"
                               value="${sessionScope.login.username}"/>
                        <div class="name">用户名:</div>
                        <span class="icon" id="J_eUserNameTipImg"></span>
                        <div class="ltip" id="J_eUserNameTipInfo"></div>
                        <span class="placeholder"
                              style="position: absolute;z-index: 20;color: rgb(153,153,153);top: 14px;left: 345px;line-height: 37px;"></span>
                    </li>
                    <li>
                        <input class="long" id="pwd" name="password" type="text"
                               value="${sessionScope.login.password}"/>
                        <div class="name">密码:</div>
                        <span class="icon" id="J_eUserNameTipImg"></span>
                        <div class="ltip" id="J_eUserNameTipInfo"></div>
                        <span class="placeholder"
                              style="position: absolute;z-index: 20;color: rgb(153,153,153);top: 14px;left: 345px;line-height: 37px;"></span>
                    </li>
                    <li>
                        <input class="long" id="zip" name="zip" type="text" value="${sessionScope.login.zip}"/>
                        <div class="name">邮编:</div>
                        <span class="icon" id="J_eUserNameTipImg"></span>
                        <div class="ltip" id="J_eUserNameTipInfo"></div>
                        <span class="placeholder"
                              style="position: absolute;z-index: 20;color: rgb(153,153,153);top: 14px;left: 345px;line-height: 37px;"></span>
                    </li>
                    <li>
                        <input class="long" id="address" name="address" type="text"
                               value="${sessionScope.login.address}"/>
                        <div class="name">地址:</div>
                        <span class="icon" id="J_eUserNameTipImg"></span>
                        <div class="ltip" id="J_eUserNameTipInfo"></div>
                        <span class="placeholder"
                              style="position: absolute;z-index: 20;color: rgb(153,153,153);top: 14px;left: 345px;line-height: 37px;"></span>
                    </li>
                    <li>
                        <input class="long" id="phone" name="phone" type="text"
                               value="${sessionScope.login.phone}"/>
                        <div class="name">电话:</div>
                        <span class="icon" id="J_eUserNameTipImg"></span>
                        <div class="ltip" id="J_eUserNameTipInfo"></div>
                        <span class="placeholder"
                              style="position: absolute;z-index: 20;color: rgb(153,153,153);top: 14px;left: 345px;line-height: 37px;"></span>
                    </li>
                    <li>
                        <input class="long" id="email" name="email" type="text"
                               value="${sessionScope.login.email}"/>
                        <div class="name">电子邮箱:</div>
                        <span class="icon" id="J_eUserNameTipImg"></span>
                        <div class="ltip" id="J_eUserNameTipInfo"></div>
                        <span class="placeholder"
                              style="position: absolute;z-index: 20;color: rgb(153,153,153);top: 14px;left: 345px;line-height: 37px;"></span>
                    </li>
                    <li>
                        <input class="long" id="J_euserName" onclick="return check();"
                               style="width:70px;font-size: large;cursor: pointer;text-align: center;line-height: 40px;"
                               type="submit" value="修改"/>
                        <div class="name">&nbsp;</div>
                        <span class="icon" id="J_eUserNameTipImg"></span>
                        <div class="ltip" id="J_eUserNameTipInfo"></div>
                        <span class="placeholder"
                              style="position: absolute;z-index: 20;color: rgb(153,153,153);top: 14px;left: 345px;line-height: 37px;"></span>
                    </li>

                </ul>
            </form>
        </div>
    </div>
</div>

<!--脚部-->
<div class="footer3">
    <div class="f3_top">
        <div class="f3_center">
            <div class="ts1">品目繁多 愉悦购物</div>
            <div class="ts2">正品保障 天天低价</div>
            <div class="ts3">极速物流 特色定制</div>
            <div class="ts4">优质服务 以客为尊</div>
        </div>
    </div>
    <div class="f3_middle">
        <ul class="f3_center">
            <li class="f3_mi_li01">
                <h1>购物指南</h1>
                <p>常见问题</p>
                <p>找回密码</p>
                <p>会员介绍</p>
                <p>购物演示</p>
            </li>
            <li class="f3_mi_li01">
                <h1>配送方式</h1>
                <p>常见问题</p>
                <p>找回密码</p>
                <p>会员介绍</p>
                <p>购物演示</p>
            </li>
            <li class="f3_mi_li01">
                <h1>支付方式</h1>
                <p>常见问题</p>
                <p>找回密码</p>
                <p>会员介绍</p>
                <p>购物演示</p>
            </li>
            <li class="f3_mi_li01">
                <h1>售后服务</h1>
                <p>常见问题</p>
                <p>找回密码</p>
                <p>会员介绍</p>
                <p>购物演示</p>
            </li>
            <li class="f3_mi_li01">
                <h1>服务保障</h1>
                <p>常见问题</p>
                <p>找回密码</p>
                <p>会员介绍</p>
                <p>购物演示</p>
            </li>
            <li class="f3_mi_li06">
                <h1>客服中心</h1>
                <img height="80px" src="../images/qrcode_jprj.jpg" width="80px">
                <p>抢红包、疑问咨询、优惠活动</p>
            </li>
        </ul>
    </div>
    <div class="f3_bottom">
        <p class="f3_links">
            <a href="#">关于我们</a>|
            <a href="#">联系我们</a>|
            <a href="#">友情链接</a>|
            <a href="#">供货商入驻</a>
        </p>
        <p>沪ICP备14033591号-8 杰普briup.com版权所有 杰普软件科技有限公司 </p>
        <img src="../images/police.png">
    </div>
</div>

</body>
<script type="text/javascript">
    function check() {

        var password = document.getElementById("pwd").value;
        var zip = document.getElementById("zip").value;
        var address = document.getElementById("address").value;
        var phone = document.getElementById("phone").value;
        var email = document.getElementById("email").value;
        var emailtext = /^[a-z\d]+(\.[a-z\d]+)*@([\da-z](-[\da-z])?)+(\.{1,2}[a-z]+)+$/;
        var ziptext = /^[1-9][0-9]{5}$/;
        var passwordtext = /^\w{6,8}$/;
        var phonetext = /^1[0-9]{10}$/;

        if (password == "") {
            alert("请输入密码！！！");
            password.focus();
            return false;
        }
        if (!passwordtext.test(password)) {
            alert("密码不合法！！！");
            return false;
        }
        if (zip == "") {
            alert("请输入邮编！！！");
            zip.focus();
            return false
        }
        if (!ziptext.test(zip)) {
            alert("邮编不合法！！！");
            return false
        }
        if (address == "") {
            alert("请输入地址！！！");
            address.focus();
            return false
        }
        if (phone == "") {
            alert("请输入手机号！！！");
            phone.focus();
            return false
        }
        if (!phonetext.test(phone)) {
            alert("请输入正确的手机号！！！");
            return false
        }
        if (email == "") {
            alert("请输入邮箱！！！");
            email.focus();
            return false
        }
        if (!emailtext.test(email)) {
            alert("邮箱不合法！！！");
            return false
        }
    }
</script>
</html>
